<div class="animated fadeIn">

  <div class="row">

    <div class="form-group col-2" >

      <select name="select" class="form-control" [(ngModel)]="saveData.key">
        <option value="1">用户ID</option>
        <option value="2">昵称</option>
        <option value="3">手机号</option>
      </select>

    </div>

    <div class="form-group col-2" style="padding-left: 5px">
      <input type="text" class="form-control input-down btn-radius" name="number" [(ngModel)]="saveData.keywords">
    </div>

    <div class="form-group col-2" >

      <select name="select" class="form-control" [(ngModel)]="saveData.sex">
        <option value="">性别</option>
        <option value="1">男</option>
        <option value="2">女</option>
      </select>

    </div>



    <!--查询-->
    <div class="form-group col-1" style="padding-left:5px">
      <button type="button" class="btn btn-primary btn-radius" (click)="getUser()">查询</button>
    </div>



  </div>

  <div class="table-responsive" style="margin-top: 20px">
    <table class="table table-center table-bordered table-hover" style="min-width: 0px">
      <thead class="table-inverse">
      <tr class="text-nowrap">
        <td>用户ID</td>
        <td>头像</td>
        <td>昵称</td>
        <!--<td>身份证号码</td>-->
        <td>手机号</td>
        <td>性别</td>
        <!--<td>年龄</td>-->
        <!--<td>推荐人手机号</td>-->
        <td>注册时间</td>
        <td>操作</td>
      </tr>
      </thead>
      <tbody class="tab-content">

      <tr *ngFor="let item of dataArr let i = index">
        <td>{{item.mid}}</td>
        <td>
          <img *ngIf="item.img" src="{{imgUrl + item.img}}" alt="" style="width: 45px; height: 45px; border-radius: 50%">
          <img *ngIf="!item.img" src="" alt="" style="width: 45px; border-radius: 50%">
        </td>
        <td>{{item.nickname}}</td>
        <!--<td>{{item.idNumber}}</td>-->
        <td>{{item.account}}</td>
        <td>
          <span *ngIf="item.sex == 1">男</span>
          <span *ngIf="item.sex == 2">女</span>
        </td>
        <!--<td>{{item.age}}</td>-->
        <!--<td>{{item.referee}}</td>-->
        <td>{{item.addTime*1000 | date:"yyyy-MM-dd hh:mm:ss"}}</td>
        <td>
          <a href="javascript:;" [routerLink]="['detials', item.id]">
            查看
          </a>
        </td>
      </tr>

      </tbody>
    </table>
    <p *ngIf="!dataArr.length" class="noneData">暂无数据</p>
    <div style="float: right">
      <pagination [boundaryLinks]="true" [totalItems]="totalItems" [(ngModel)]="currentPage" itemsPerPage="10" [maxSize]="maxSize" previousText="上一页" nextText="下一页" firstText="首页" lastText="末页" (pageChanged)="pageChanged($event)"></pagination>
    </div>
  </div>

  <!--分页组件-->

</div>
